import UserInfo from "../UserInfo";
import s from "./system-header.module.css";
import Image from "next/image";
import profilePic from "./watermask.png";
import { memo } from "react";

interface IProps {}

function SystemHeader(props: IProps) {
  return (
    <div className={s["header-container"]}>
      <div className={s["system-logo-container"]}>
        <Image width={120} height={40} src={profilePic} alt={"logo"} />
      </div>
      {/* <div className={s["system-menu-container"]}>
        <SystemMenu />
      </div> */}
      <div className={s["system-user-info-container"]}>
        <UserInfo />
      </div>
    </div>
  );
}
export default memo(SystemHeader);
